﻿<!DOCTYPE html>

<head>
    <title></title>

    <link href="../Stylesheets/site.css" rel="stylesheet" />

    <link href="../Stylesheets/user_profile.css" rel="stylesheet" />
    <link href="../../Content/bootstrap.min.css" rel="stylesheet" />

    <!--<link href="Content/bootstrap.min.css" rel="stylesheet" />-->
</head>
<body>

    <div id="header-bg-color">
        <div class="logo col-md-5" style="margin-top: 28px;">
            <a href=" #">
                <img src="http://i.imgur.com/AfXldcB.png?1" alt="savethosenotes.com" />
            </a>
        </div>

        <div class="navbar col-5">
            <table>
            <th>
                <tr><a href=" #">Home</a></tr>
                <tr><a href="#">Browse</a></tr>
                <tr><a href="#">My Notes</a></tr>
            </th>
            </table>
        </div>

        <!--end of header bg-color gradient-->
    </div>

    <div class="container">
        <div class="row profile">
            <div class="col-md-3">
                <div class="profile-sidebar">
                    <!-- SIDEBAR USERPIC -->
                    <div class="profile-userpic">
                        <img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAKvAAAAJDFiZjBjYWE4LTczMWYtNDI3Yi04YjE5LWZlNDc2NDAwYzBlZQ.jpg" class="img-responsive" alt="">
                    </div>
                    <!-- END SIDEBAR USERPIC -->
                    <!-- SIDEBAR USER TITLE -->
                    <div class="profile-usertitle">
                        <div class="profile-usertitle-name">
                            Jason Barr
                        </div>
                        <div class="profile-usertitle-job">
                            Coder Camps
                        </div>
                    </div>
                    <!-- END SIDEBAR USER TITLE -->
                    <!-- SIDEBAR BUTTONS -->
                    <div class="profile-userbuttons">
                        <button type="button" class="btn btn-success btn-sm">Add Friend</button>
                        <button type="button" class="btn btn-danger btn-sm">Send Message</button>
                    </div>
                    <!-- END SIDEBAR BUTTONS -->

                    <!-- END MENU -->
                </div>
            </div>
            <div class="col-md-9">
                <div class="profile-content">
                    <article>
                        <h1><b>Test Note 1</b></h1>
                        <p>Bespoke DIY keytar, typewriter distillery put a bird on it actually plaid hashtag Vice Blue Bottle chia narwhal viral. Gastropub chambray mlkshk disrupt messenger bag lo-fi. Banksy paleo McSweeney's letterpress, fashion axe lomo cred listicle. Seitan banh mi locavore, slow-carb cornhole food truck Neutra narwhal fanny pack VHS beard. Sartorial semiotics selfies cray Odd Future post-ironic. Lomo twee selvage direct trade photo booth plaid, biodiesel Godard shabby chic umami fap flexitarian lumbersexual. Irony small batch mixtape, tote bag organic Tumblr whatever chillwave cold-pressed bitters trust fund.</p>
                    </article>
                    <br />
                    <br />
                    <article>
                        <h1><b>Test Note 2</b></h1>
                        <p>Letterpress plaid distillery flannel, farm-to-table High Life 3 wolf moon keffiyeh sartorial Shoreditch fap brunch Brooklyn sustainable. Mlkshk tattooed jean shorts, beard roof party keytar paleo viral flexitarian mumblecore banh mi cronut single-origin coffee Wes Anderson. Echo Park High Life heirloom, Banksy tote bag semiotics roof party fap. Post-ironic paleo scenester, PBR meditation shabby chic ennui bespoke seitan Intelligentsia bicycle rights. Sartorial umami kale chips VHS. Master cleanse XOXO forage plaid farm-to-table, gentrify migas irony McSweeney's flannel paleo. Chillwave squid dreamcatcher, messenger bag you probably haven't heard of them American Apparel quinoa lo-fi health goth.</p>
                    </article>
                    <br />
                    <br />
                    <article>
                        <h1><b>Test Note 3</b></h1>
                        <p>
                            Artisan letterpress fanny pack crucifix readymade pork belly. Brunch Intelligentsia flannel, fashion axe twee cronut put a bird on it Vice. Flannel photo booth gluten-free, meditation pour-over next level letterpress. Butcher bicycle rights trust fund PBR you probably haven't heard of them, distillery polaroid artisan selfies kale chips +1 narwhal Thundercats occupy. Retro whatever distillery, asymmetrical aesthetic vegan hella Helvetica Schlitz cronut taxidermy mixtape meditation seitan narwhal. Tofu dreamcatcher typewriter, synth meh chia seitan tattooed asymmetrical drinking vinegar. Put a bird on it migas tofu, Shoreditch craft beer sriracha banjo PBR whatever you probably haven't heard of them bicycle rights slow-carb cornhole keytar.
                        </p>
                    </article>
                </div>
            </div>
        </div>
    </div>

    <center>
        <div id="main-page-color" style="padding-bottom:30px; padding-top: 20px;">
            <h5><b>SaveTheNotes.com</b>  <span style="margin-left: 20px"><i>All Rights Reserved</i></span></h5>
        </div>
    </center>

    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAN96RTuS8CbpckegDD807faWz8YnuCo0s"></script>
</body>
</html>